<!doctype html>

<head>
  <title>Riot tag tests</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <style>
    body { font-family: 'myriad pro', sans-serif; font-size: 90% }
    #tags { margin: 30px auto; max-width: 1000px }
    #tags > * { display: inline-block; vertical-align: top; margin: 20px 50px }
    a { color: blue; cursor: pointer }
  </style>
</head>

<body>

  <div id="tags">

    <attr-selected></attr-selected>
    <form-controls></form-controls>
    <isloop-test></isloop-test>

    <if-test></if-test>
    <loop-object></loop-object>
    <img-test></img-test>

    <shared-opts val="1"></shared-opts>
    <shared-opts val="2"></shared-opts>

    <loop-replace></loop-replace>
    <touch-events></touch-events>
    <lazy-if></lazy-if>
    <loop-combo></loop-combo>
    <loop-multi></loop-multi>
    <loop-context></loop-context>
    <loop-option></loop-option>
    <loop-optgroup></loop-optgroup>
    <table-data></table-data>
    <timetable></timetable>
    <div data-is="table-data"></div>
    <loop-strings></loop-strings>
    <loop-position></loop-position>
    <loop-nested></loop-nested>
    <select-test></select-test>
    <loop-reorder></loop-reorder>
    <expr-parent></expr-parent>
    <expression-eval-count></expression-eval-count>

    <tag-nesting></tag-nesting>

    <loop-child></loop-child>
    <loop-manip></loop-manip>

    <loop-null-items></loop-null-items>


    <inner-html>
      { greeting }
    </inner-html>
    <yield-parent>
      { greeting }
      <div>Something else</div>
    </yield-parent>
    <yield-loop>
      { greeting }
      <div>Something else</div>
    </yield-loop>

    <loop-inherit></loop-inherit>

    <treeview></treeview>

    <events></events>

    <if-mount></if-mount>
    <if-unmount></if-unmount>

    <loop-numbers-nested></loop-numbers-nested>
    <loop-conditional></loop-conditional>
    <reserved-names></reserved-names>

  </div>

  <script src="../dist/riot/riot+compiler.js"></script>
  <script src="../dist/tags.js"></script>
  <script>var tags = riot.mount('*', { test: { zap: 100 }})</script>

</body>
